<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to Bikin Kaos Bebas</title>
<link rel="shortcut icon" href="<?=base_url()?>assets/css/temp/images/favicon.ico" />
<link rel="stylesheet" href="<?=base_url()?>assets/css/temp/style.css" type="text/css" media="all" />
<!--[if IE 6]>
	<script src="js/DD_belatedPNG-min.js" type="text/javascript" charset="utf-8"></script>
<![endif]-->

<script type="text/javascript" src="<?=base_url()?>assets/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<?=base_url()?>assets/js/fungsi.js"></script>
<script src="<?=base_url()?>assets/js/temp/jquery.jcarousel.min.js" type="text/javascript" charset="utf-8"></script>
<script src="<?=base_url()?>assets/js/temp/functions.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<!-- Begin Wrapper -->
	<div id="wrapper">
		<!-- Begin Inner -->
		<div class="inner">
			<!-- Begin Header -->
			<div id="header">
				<div class="header-inner">
					<!-- Begin Shell -->
					<div class="shell">
						<h1 id="logo"><a class="notext" href="#">World of TShirts</a></h1>
						<div id="account">
							<a class="view-account" title="View Account" href="#">Your Shopping Cart</a>
							<span>Articles: 4</span><span>Cost: <strong>$250.90</strong></span>
							<div class="cl">&nbsp;</div>
						</div>
						<!-- Begin Navigation -->
						<div id="navigation">
							<ul>
								<li><a href="#" title="Home Page"><span>Home</span></a></li>
								<li><a href="#" title="Support Page"><span>Support</span></a></li>
								<li><a href="#" title="My Account Page"><span>My Account</span></a></li>
								<li><a href="#" title="Store Page"><span>The Store</span></a></li>
								<li><a href="#" title="Contact Page"><span>Contact</span></a></li>
							</ul>
							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Navigation -->
						<div class="cl">&nbsp;</div>
					</div>
					<!-- End Shell -->
				</div>
			</div>
			<!-- End Header -->
			<!-- Begin Shell -->
			<div class="shell">
				<!-- Begin Main -->
				<div id="main">
					<!-- Begin Sidebar -->
					<div id="sidebar">
						<ul>
							<!-- Begin Widget -->
							<li class="widget">
								<h2>Categories</h2>
								<ul>
									<li><a href="#" title="Category 1">Category 1</a></li>
									<li><a href="#" title="Category 2">Category 2</a></li>
									<li><a href="#" title="Category 3">Category 3</a></li>
									<li><a href="#" title="Category 4">Category 4</a></li>
									<li><a href="#" title="Category 5">Category 5</a></li>
									<li><a href="#" title="Category 6">Category 6</a></li>
									<li><a href="#" title="Category 7">Category 7</a></li>
									<li><a href="#" title="Category 8">Category 8</a></li>
									<li><a href="#" title="Category 9">Category 9</a></li>
									<li><a href="#" title="Category 10">Category 10</a></li>
									<li><a href="#" title="Category 11">Category 11</a></li>
									<li><a href="#" title="Category 12">Category 12</a></li>
									<li class="last"><a href="#" title="Category 13">Category 13</a></li>
								</ul>
							</li>
							<!-- End Widget -->
							<!-- Begin Widget -->
							<li class="widget">
								<h2>Search</h2>
								<div id="search">
									<form action="#" method="get" accept-charset="utf-8">
										<label>Keyword</label>
										<input type="text" class="blink" name="keyword" />
										<label>Category</label>
										<select size="1" name="category">
											<option value="default">-- Select Category --</option>
											<option value="category1">Category 1</option>
											<option value="category2">Category 2</option>
											<option value="category3">Category 3</option>
											<option value="category4">Category 4</option>
											<option value="category5">Category 5</option>
											<option value="category6">Category 6</option>
											<option value="category7">Category 7</option>
											<option value="category8">Category 8</option>
											<option value="category9">Category 9</option>
											<option value="category10">Category 10</option>
											<option value="category11">Category 11</option>
											<option value="category12">Category 12</option>
											<option value="category13">Category 13</option>
										</select>
										<div class="price">
											<label>Price</label>
											<select size="1" name="price">
												<option value="10">$10</option>
												<option value="20">$20</option>
												<option value="30">$30</option>
												<option value="40">$40</option>
												<option value="50">$50</option>
												<option value="60">$60</option>
												<option value="70">$70</option>
												<option value="80">$80</option>
												<option value="90">$90</option>
												<option value="100">$100</option>
											</select>
											<label>to:</label>
											<select size="1" name="to">
												<option value="50">$50</option>
												<option value="60">$60</option>
												<option value="70">$70</option>
												<option value="80">$80</option>
												<option value="90">$90</option>
												<option value="100">$100</option>
												<option value="200">$200</option>
												<option value="300">$300</option>
												<option value="400">$400</option>
												<option value="500">$500</option>
											</select>
											<div class="cl">&nbsp;</div>
										</div>
										<span class="button"><input type="submit" value="Search" /></span>
										<div class="cl">&nbsp;</div>
									</form>
									<ul class="options">
										<li><a href="#" title="Advanced search">Advanced search</a></li>
										<li><a href="#" title="Contact Customer Support">Contact Customer Support</a></li>
									</ul>
								</div>
							</li>
							<!-- End Widget -->
						</ul>
					</div>
					<!-- End Sidebar -->
					<!-- Begin Content -->
					<div id="content">
						<!-- Begin Slider -->
						<div id="slider">
							<div class="slider-frame">&nbsp;</div>
							<ul class="slider-items">
								<li><img src="<?=base_url()?>assets/css/temp/images/slide1.jpg" alt="Slide 1" /></li>
								<li><img src="<?=base_url()?>assets/css/temp/images/slide1.jpg" alt="Slide 1" /></li>
								<li><img src="<?=base_url()?>assets/css/temp/images/slide1.jpg" alt="Slide 1" /></li>
								<li><img src="<?=base_url()?>assets/css/temp/images/slide1.jpg" alt="Slide 1" /></li>
								<li><img src="<?=base_url()?>assets/css/temp/images/slide1.jpg" alt="Slide 1" /></li>
							</ul>
							<div class="cl">&nbsp;</div>
							<div class="slider-controls">
								<ul></ul>
								<div class="cl">&nbsp;</div>
							</div>
						</div>
						<!-- End Slider -->
						<!-- Begin Post -->
						<div class="post">
							<h2>Some Tittle Gose Here</h2>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et lectus aliquam nisi convallis pretium. Aliquam posuere com-modo sagittis. In sed massa eu felis pharetra hendrerit. Morbi aliquam arcu quis nulla pulvinar eget molestie nisl posuere. Praesent vitae lorem lacus. Phasellus ullamcorper condimentum sollicitudin. Sed nec mi ligula. Suspendisse potenti. Donec ac odio est, eget lobortis turpis. Mauris est ipsum, commodo et egestas ac, semper non felis.</p>
						</div>
						<!-- End Post -->
						<!-- Begin Products -->
						<div id="products">
							<div class="product">
								<img src="<?=base_url()?>assets/css/temp/images/product-img1.jpg" alt="First TShirt Product" />
								<div class="pr-info">
									<h4>Lorem Ipsum</h4>
									<p>Ut varius lobortis ante, at bibendum quis. </p>
									<span class="pr-price"><span>$</span>58.<sup>99</sup></span>
								</div>
							</div>
							<div class="product">
								<img src="<?=base_url()?>assets/css/temp/images/product-img2.jpg" alt="Second TShirt Product" />
								<div class="pr-info">
									<h4>Lorem Ipsum</h4>
									<p>Ut varius lobortis ante, at bibendum quis. </p>
									<span class="pr-price"><span>$</span>58.<sup>99</sup></span>
								</div>
							</div>
							<div class="product last">
								<img src="<?=base_url()?>assets/css/temp/images/product-img3.jpg" alt="Third TShirt Product" />
								<div class="pr-info">
									<h4>Lorem Ipsum</h4>
									<p>Ut varius lobortis ante, at bibendum quis. </p>
									<span class="pr-price"><span>$</span>58.<sup>99</sup></span>
								</div>
							</div>
							<div class="cl">&nbsp;</div>
						</div>
						<!-- End Products -->
					</div>
					<!-- End Content -->
					<div class="cl">&nbsp;</div>
					<!-- Begin Products Slider -->
					<div id="pr-slider">
						<ul>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img1.jpg" alt="Slide TShirt 1" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img2.jpg" alt="Slide TShirt 2" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img3.jpg" alt="Slide TShirt 3" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img4.jpg" alt="Slide TShirt 4" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img5.jpg" alt="Slide TShirt 5" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img6.jpg" alt="Slide TShirt 6" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img7.jpg" alt="Slide TShirt 7" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img1.jpg" alt="Slide TShirt 1" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img2.jpg" alt="Slide TShirt 2" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img3.jpg" alt="Slide TShirt 3" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img4.jpg" alt="Slide TShirt 4" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img5.jpg" alt="Slide TShirt 5" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img6.jpg" alt="Slide TShirt 6" /></a></li>
							<li><a href="#"><img src="<?=base_url()?>assets/css/temp/images/slide-img7.jpg" alt="Slide TShirt 7" /></a></li>
						</ul>
						<div class="cl">&nbsp;</div>
					</div>
					<!-- End Products Slider -->
					<!-- Begin Home Boxes -->
					<div id="home-boxes">
						<!-- Begin Box -->
						<div class="box first">
							<div class="box-title">
								<img src="<?=base_url()?>assets/css/temp/images/box-img1.png" alt="First Box Image" />
								<h4>Donec imperdiet</h4>
								<div class="cl">&nbsp;</div>
							</div>
							<div class="box-entry">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maece-nas et lectus aliquam nisi convallis pretium.</p>
								<p class="more"><a href="#" title="Read More">Read More</a></p>
							</div>
						</div>
						<!-- End Box -->
						<!-- Begin Box -->
						<div class="box">
							<div class="box-title">
								<img src="<?=base_url()?>assets/css/temp/images/box-img2.png" alt="Second Box Image" />
								<h4>Donec imperdiet</h4>
								<div class="cl">&nbsp;</div>
							</div>
							<div class="box-entry">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maece-nas et lectus aliquam nisi convallis pretium.</p>
								<p class="more"><a href="#" title="Read More">Read More</a></p>
							</div>
						</div>
						<!-- End Box -->
						<!-- Begin Box -->
						<div class="box">
							<div class="box-title">
								<img src="<?=base_url()?>assets/css/temp/images/box-img3.png" alt="Third Box Image" />
								<h4>Donec imperdiet</h4>
								<div class="cl">&nbsp;</div>
							</div>
							<div class="box-entry">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maece-nas et lectus aliquam nisi convallis pretium.</p>
								<p class="more"><a href="#" title="Read More">Read More</a></p>
							</div>
						</div>
						<!-- End Box -->
						<!-- Begin Box -->
						<div class="box">
							<div class="box-title">
								<img src="<?=base_url()?>assets/css/temp/images/box-img4.png" alt="Fourth Box Image" />
								<h4>Donec imperdiet</h4>
								<div class="cl">&nbsp;</div>
							</div>
							<div class="box-entry">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maece-nas et lectus aliquam nisi convallis pretium.</p>
								<p class="more"><a href="#" title="Read More">Read More</a></p>
							</div>
						</div>
						<!-- End Box -->
						<div class="cl">&nbsp;</div>
					</div>
					<!-- End Home Boxes -->
				</div>
				<!-- End Main -->
				<!-- Begin Footer -->
				<div id="footer">
					<p class="bottom-menu"><a href="#" title="Home Page">Home</a><span>|</span><a href="#" title="Support Page">Support</a><span>|</span><a href="#" title="My Account Page">My Account</a><span>|</span><a href="#" title="Store Page">The Store</a><span>|</span><a href="#" title="Contact Page">Contact</a></p>
					<p>&copy; 2011 WORLD of T-shirts. Design by <a href="http://css-free-templates.com/">CSS-FREE-TEMPLATES.COM</a></p>
					<div class="cl">&nbsp;</div>
				</div>
				<!-- End Footer -->
			</div>
			<!-- End Shell -->
		</div>
		<!-- End Inner -->
	</div>
	<!-- End Wrapper -->
</body>
</html>